<template>
    <div>
        <h2>我是组件</h2>
        <h2>{{ zdm }}</h2>
        <h2>{{ fcz }}</h2>
        <button @click="zxiuf">修改</button>
    </div>
</template>
<!-- 也可以把方法写全局，这是第二种方法 -->
<script setup>
    import {ref} from "vue";
    const zdm=ref("我是一号组件");
    // 父传子
    const props=defineProps(['fcz'])
    // 子传父
    const emits=defineEmits(['zcf'])
    // 模拟触发
    const zxiuf=()=>{
        emits("zcf","子修改了父")
    }
</script>

<style lang="scss" scoped>

</style>